/*
Data        : 24/11/2009
Autor       : Karine T. Cunha
Descricao   : Define os padroes visuais comuns a todas as telas
*/

/* Definicoes de Janela */
root {
    display: block;
}
body{
    font-family: Arial;
    font-size: small;
    margin:0;
    padding:0;
}
.window {
    width:  780px;
    height: 570px;
    position: absolute;
    top:  50%;
    left: 50%;
    margin-top:  -296px;
    margin-left: -395px;
    border:  1px solid black;
    padding: 10px;
    text-align:left;
}

/* Definicoes do Header */
.header {
    width: 100%;
    height: 20%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: #2E8B57;
    /*border:  1px solid black;*/
}
.header h1{
    position: absolute;
    margin-top: 8%;
    margin-left: 5%;
    padding:5px 0;
    font-weight:bold;
}

/* Definicoes do Footer */
.footer {
    width: 100%;
    height: 3.45%;
    position: absolute;
    top: 96.5%;
    left: 0%;
    background: #2E8B57;
    /*border:  1px solid black;*/
}
.footer label{
    margin-left: 40%;
    padding-top: 3%;
    font-size: xx-small;
    color: #FFFAFA;
}

/* Definicoes do Menu */
.menu {
    width:  20%;
    height: 77%;
    position: absolute;
    top: 20%;
    left: 0%;
    background: #3CB371;
    padding-left: 1%;
    font-weight:bold;    
}
.menu a {
    display: block;
    padding: 10px 3px 3px 3px;
    color: black;
}
.menu a:hover {
    background: black;
    color: white;
}

/* Definicoes do Content */
.content {
    width: 100%;
    height: 77%;
    position: absolute;
    top: 20%;
    left: 0%;
    background: #8FBC8F;
    /*border:  1px solid black;*/
}
/* Definicoes do Content - DIV Message */
.content .message{
    width: 90%;
    height: 7%;
    position: absolute;
    top: 5%;
    left: 3%;
    text-align: right;
    font-weight: bold;
    color: #FF0000;
    border:  1px solid black;
    padding-top: 0.5%;
}

.content .carrinho{
    width: 90%;
    height: 7%;
    position: absolute;
    top: 35%;
    left: 3%;
    text-align: right;
    font-weight: bold;
    color: #000000;
    border:  1px solid black;
    padding-top: 0.5%;
}
/* Definicoes do Content - DIV Fields */
.content .fields{
    width: 100%;
    height: 83%;
    position: absolute;
    top: 17%;
    left: 3%;
}

.content .fields2{
    width: 100%;
    height: 83%;
    position: absolute;
    top: 50%;
    left: 3%;    
}

.content .fields2 textarea{
    border:  1px solid black;
}
/* Definicoes do Content - DIV Buttons */
.content .buttons {
    width: 95%;
    height: 8%;
    position: absolute;
    top: 88%;
    left: 0%;
    padding-top: 1%;
}
/* Definicoes do Content - Componentes */
.content label {
    /*display: block;*/
    padding: 2px 0;
    font-size: small;
    font-weight: bold;
    color: #000000;
}
.content input {    
    border: 1px solid;
    padding: 3px 3px 3px 3px;
    margin-left: 1%;
    float:inherit;
}
.content .alinha {
    display: block;
    margin: 0.3% 0.5% 0.5% 0.5%;
}
.content .fields .normal {
    background: #FFFFFF;
}
.content .fields .comfoco {
    background: #FFFF99; /* Amarelo para indicar "Foco" */
}
.content .buttons input {
    font-weight:bold;
    color:#000000;
    float:right;
    margin-left: 1%;
}
.content .buttons .deshab{
    color: #BEBEBE; /* Cinza para indicar "Desabilitado" */
}
.content table{
    width: 60%;
    position: absolute;
    margin-top: 0%;
    margin-left: 1%;
}
.content table2{
    width: 40%;
    position: absolute;
    margin-top: 0%;
    margin-left: 61%;
}
.content td{
    font-family: Arial;
    font-size: small;
}
.content th {
    font-weight:bold;
    font-size: small;
}
.buttons .hab:hover{
    background: black;
    color: white;
}
.centro{
    text-align: center;
}
.position {
    padding-top: 220%;
}
.grid {
    width: 100%;
    height: 77%;
    position: absolute;
    top: 20%;
    left: 0%;
    background: #8FBC8F;
}
.grid .buttons {
    width: 60%;
    height: 8%;
    position: absolute;
    top: 88%;
    left: 0%;
    padding-top: 1%;
    font-weight:bold;
    color:#000000;
    float:left;
    margin-left: 1%;
}
.grid .fields{
    width: 100%;
    height: 83%;
    position: absolute;
    top: 10%;
    left: 0%;}
